<template>
	<view>
		<view class="title margin-left-sm">
			<text>帮助与服务</text>
		</view>
		<view class="navView">
			<view class="navItemView">
				<image src="/static/resources/help-items/智能客服.png"></image>
				<text>智能客服</text>
			</view>
			<view class="navItemView">
				<image src="/static/resources/help-items/售前咨询.png"></image>
				<text>售前咨询</text>
			</view>
			<view class="navItemView">
				<image src="/static/resources/help-items/提交工单.png"></image>
				<text>提交工单</text>
			</view>
			<view class="navItemView">
				<image src="/static/resources/help-items/建议与反馈1.png"></image>
				<text>建议反馈</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "help",
		data() {
			return {

			};
		}
	}
</script>

<style>

.title{
	height: 80rpx;
	width: 180rpx;
	/* background-color: beige; */
	text-align: center;
	line-height: 80rpx;
	font-size: 35rpx;
	font-weight: bolder;
	
}

	.navView {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin-top: 40rpx;

	}

	.navView text {
		display: block;
		font-size: 23rpx;
		font-weight: 465;
	}

	.navItemView {
		width: 120rpx;
		text-align: center;
		margin: 0 40rpx;
	}

	.navItemView>image {
		width: 70rpx;
		height: 70rpx;
	}
</style>